<div class="page indexPage">
  <!-- 标题栏 -->
  <dj-menu></dj-menu>
  <!--<div class="navMenus">-->
    <!--<header class="topBar">-->
      <!--<div class="pull_left fl"><a href="javascript:;" class="icon icon_lang"></a></div>-->
      <!--<h1 class="title"><i class="logo logo_ly"></i></h1>-->
      <!--<div class="pull_right fr js_personal"><a href="#" class="icon icon_me"></a></div>-->
    <!--</header>-->
    <!--<div class="headBar scrollHead clearSpace">-->
      <!--<ul class="clearFix">-->
        <!--<li routerLink='/home' routerLinkActive="active"><a href="javascript:;">首页</a></li>-->
        <!--<li routerLink='/hall' routerLinkActive="active"><a href="javascript:;">竞猜大厅</a></li>-->
        <!--<li><a href="javascript:;">商城</a></li>-->
      <!--</ul>-->
    <!--</div>-->
  <!--</div>-->
  <div class="secondBar">
    <div class="infoType">
      <div class="tabScroll infoScroll">
        <ul>
          <li data-code="lol" class="active"><a href="javascript:;"> 英雄联盟</a></li>
          <li data-code="dota2"><a href="javascript:;">DOTA2</a></li>
          <li data-code="hearthstone"><a href="javascript:;">炉石传说</a></li>
        </ul>
      </div>
    </div>
  </div>
  <!-- content start -->
  <div class="content confixSet fixTop_260">
    <div class="quizeList">
      <div class="quizeItem">
        <p class="guess_date">
          <i class="icon_date"></i>
          <span>2016-10-15</span>
          <span>星期三</span>
          <i class="icon_arrow_up js_arrow"></i>
        </p>
        <div class="guess_box">
          <div class="guess_data start_guess">
            <div class="guess_team">
              <img src="images/temp/team.png">
              <i class="icon_win win_status"></i>
              <span>CAT</span><br/>
              <div class="guess_btn join"><span>参与竞猜</span></div>
            </div>
            <div class="guess_detail guess_status">
              <p>WCA2016世界电子</p>
              <p>竞技大赛</p>
              <div class="match">
                <span>1</span>
                第一局
                <span>2</span>
              </div>
              <div class="match_time">7:00</div>
            </div>
            <div class="guess_team">
              <img src="images/temp/team.png">
              <i class="icon_win win_status"></i>
              <span>CAT</span><br/>
              <div class="guess_btn analyze"><span>对战分析</span></div>
            </div>
          </div>
          <div class="guess_data start_guess">
            <div class="guess_team">
              <img src="images/temp/team.png">
              <i class="icon_win win_status"></i>
              <span>CAT</span><br/>
              <div class="guess_btn join"><span>参与竞猜</span></div>
            </div>
            <div class="guess_detail guess_status">
              <p>WCA2016世界电子</p>
              <p>竞技大赛</p>
              <div class="match">
                <span>1</span>
                第一局
                <span>2</span>
              </div>
              <div class="match_time">7:00</div>
            </div>
            <div class="guess_team">
              <img src="images/temp/team.png">
              <i class="icon_win win_status"></i>
              <span>CAT</span><br/>
              <div class="guess_btn analyze"><span>对战分析</span></div>
            </div>
          </div>
        </div>
      </div>
      <div class="quizeItem">
        <p class="guess_date">
          <i class="icon_date"></i>
          <span>2016-10-15</span>
          <span>星期三</span>
          <i class="icon_arrow_up js_arrow"></i>
        </p>
        <div class="guess_box">
          <div class="guess_data start_guess">
            <div class="guess_team">
              <img src="images/temp/team.png">
              <i class="icon_win win_status"></i>
              <span>CAT</span><br/>
              <div class="guess_btn join"><span>参与竞猜</span></div>
            </div>
            <div class="guess_detail guess_status">
              <p>WCA2016世界电子</p>
              <p>竞技大赛</p>
              <div class="match">
                <span>1</span>
                第一局
                <span>2</span>
              </div>
              <div class="match_time">7:00</div>
            </div>
            <div class="guess_team">
              <img src="images/temp/team.png">
              <i class="icon_win win_status"></i>
              <span>CAT</span><br/>
              <div class="guess_btn analyze"><span>对战分析</span></div>
            </div>
          </div>
          <div class="guess_data start_guess">
            <div class="guess_team">
              <img src="images/temp/team.png">
              <i class="icon_win win_status"></i>
              <span>CAT</span><br/>
              <div class="guess_btn join"><span>参与竞猜</span></div>
            </div>
            <div class="guess_detail guess_status">
              <p>WCA2016世界电子</p>
              <p>竞技大赛</p>
              <div class="match">
                <span>1</span>
                第一局
                <span>2</span>
              </div>
              <div class="match_time">7:00</div>
            </div>
            <div class="guess_team">
              <img src="images/temp/team.png">
              <i class="icon_win win_status"></i>
              <span>CAT</span><br/>
              <div class="guess_btn analyze"><span>对战分析</span></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!--content end-->
  <button class="btn_Fliter js_fliterPopShow"></button>
  <div class="popup">
    <div class="popup_matchFliter">
      <div class="title">赛事筛选</div>
      <ul>
        <li data-type="0">ACE定级赛</li>
        <li data-type="1">DPL职业联赛</li>
        <li data-type="2">LES.CUCSGO</li>
        <li data-type="3">梦幻联赛第六赛季</li>
        <li data-type="4">The Summit6</li>
        <li data-type="5">KeSpa杯</li>
      </ul>
      <div class="js_select cleckAll" data-val="1">
        <span>全选</span>
      </div>
      <div class="js_select checkInverse" data-val="0">
        <span>反选</span>
      </div>
      <div class="btnArea">
        <button class="cancel">取消</button>
        <button class="confirm">确定</button>
      </div>
    </div>
  </div>
<!--  <div class="abc" style="position: fixed;width:200px;height: 20px;background: red;top:0;font-size: 14px;">1231</div>-->
</div>
